<!-- 身份注册 -->
<template>
    <div class="identityRegistration">
        <div class="title">身份注册</div>
        <el-tabs type="border-card" class="demo-tabs">
            <el-tab-pane class="tabStyle">
            <template #label>
                <span class="custom-tabs-label">
                <!-- <el-icon><calendar /></el-icon> -->
                <span>供应商</span>
                </span>
            </template>
            <IdentityForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
            </el-tab-pane>
            <el-tab-pane label="省代理商">
                <IdentityFormc class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
            </el-tab-pane>
            <el-tab-pane label="市代理商">
                <IdentityFormc class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script setup>
import { IdentityForm, IdentityFormc } from './components'
</script>
<style lang="scss" scoped>
.identityRegistration{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.title{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.demo-tabs{
    width: 90%;
    height: 90%;
}
.tabStyle{
    height: 400px;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none;  /* Firefox */
}
/* 隐藏滚动条但仍然可以滚动 */
::-webkit-scrollbar {
    display: none; /* 对于WebKit浏览器 */
}
</style>